<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <ul id="lis"></ul>
  <script>
    // 字符串的常用操作👇👇👇👇👇👇👇👇👇
    let str = 'AAABCdefgHIJ' // 定义一个字符串  含有大写小写字母
    console.log(str.toLowerCase()); // 全部转小写
    console.log(str.toUpperCase()); // 全部转大写

    let str1 = '   ABCdefgHIJ   ' // 定义一个前后含有空格符的字符串
    console.log(str1, str1.length); // 长度为16
    console.log(str1.trim(), str1.trim().length); // 去除字符串的前后空格 长度变化为10

    // 字符串的截取操作👇👇👇👇👇👇👇👇👇
    console.log(str.slice(0));
    console.log(str.substring(0));
    console.log(str.substr(0));

    console.log(str.slice(3, 10));
    console.log(str.substring(3, 10));
    console.log(str.substr(3, 10));
    // slice(a,b)
    // a: 开始截取的字符串下标(本项会被截取)   b: 截取结束的下标(本项不会被截取到)

    // substr(a,b)
    // a: 开始截取的字符串下标(本项会被截取)   b: 截取字符数量

    // substring(a,b)
    // a: 开始截取的字符串下标(本项会被截取)   b: 截取结束的下标(本项不会被截取到)

    // 字符串的检索操作👇👇👇👇👇👇👇👇👇
    // includes
    console.log(str.includes('a')) //存在返回true 不存在返回false

    // indexOf
    console.log(str.indexOf('AB', 0)) 
    //存在返回找到的第一个字符的下标 不存在返回-1 第二个参数代表从某下标值开始查找

    // startsWith
    console.log(str.startsWith('A')) 
    // 判断字符串是否是以某字符为开头的

    // endsWith
    console.log(str.endsWith('J')) 
    // 判断字符串是否是以某字符为结束的

    // 字符串的替换操作👇👇👇👇👇👇👇👇👇
    let str2 = 'hahaha 我是你朋友'
    
    console.log(str2.replace('我','他')); // hahaha 他是你朋友
    
  </script>
</body>

</html>